url-loader

作用：

可以以DataURL的方式存储文件，同时包含了file-loader的所有功能，相当于一个拓展。

安装：

npm install url-loader --save-dev

使用：

主要包含三个配置参数：

limit：文件上限大小

传递一个数字，单位是byte，默认无上限。

对于低于该值的文件以base64编码的DataURL处理，否则调用file-loader处理。

module:{
    rules:[
        {
            test:/\.jpg/,
            exclude:/node_modules/,
            use:[
                {
                    loader:'url-loader',
                    options:{
                        limit:2048
                    }
                }
            ]
        }
    ]
}

mimetype：MIME类型

文件的MIME类型，默认会根据文件的后缀名自己识别，建议缺省。

prefix

默认false，可以传递一个loader，将该文件交给loader处理？

自己无法测试，存疑。

总结：

就是file-loader的超集，其它参数配置与file-loader完全相同。

注意DataURL描述的文件会比原文件大1/3，而且不会被浏览器缓存，所以对于大文件、多次请求的文件，不应该以DataURL编码。